<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>
        基本信息
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../../../css/main.css" media="all">
    <script type="text/javascript" src="../../../../lib/loading/okLoading.js"></script>
    <link rel="stylesheet" href="../../../../css/bootstrap.css">
    <link rel="stylesheet" href="../../../../lib/layui/css/layui_2.5.7.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .table-bordered tr td:nth-child(odd) {
            background: #f1f1f1;
            width: 15%;
        }

        .table-bordered tr td:nth-child(even) {
            width: 30%;
        }
    </style>
</head>

<body>
<div>
    <div id="app">

        <div class="main_box">
            <div class="panel-heading">
                <ul class="nav nav-tabs" id="navTabs">
                    <li class="active"><a class="receivePane" data-tab=""
                                          :href="'supplier_base_info.html?recordId=' + recordId">基本信息</a>
                    </li>
                    <li class=""><a class="payPane" data-tab="" :href="'supplier_parts_price.html?recordId=' + recordId">配件报价</a></li>
                    <li class=""><a class="payPane" data-tab="" :href="'supplier_purchasing_information.html?recordId=' + recordId">采购信息</a></li>
                </ul>
            </div>
        </div>


        <div class="layui-card-body">
            <div class="table-responsive">
                <table class="table table-bordered">
                    <tr>
                        <td>名称</td>
                        <td>{{supplierData.supplierName }}</td>
                        <td>渠道</td>
                        <td>{{supplierData.channel}}</td>
                    </tr>
                    <tr>
                        <td>产品涵盖</td>
                        <td>{{supplierData.productCover }}</td>
                        <td>适用电梯</td>
                        <td>{{supplierData.appiyElevator}}</td>
                    </tr>
                    <tr>


                    </tr>
                    <tr>
                        <td>省市地区</td>
                        <td>{{supplierData.address}}</td>
                        <td>详细地址</td>
                        <td>{{supplierData.addressmsg}}</td>
                    </tr>
                    <tr>
                        <td>最新采购日期</td>
                        <td>{{supplierData.newestTime}}</td>
                        <td>备注</td>
                        <td>{{supplierData.supplierRemark }}</td>
                    </tr>
                </table>

                <h5><b>联系人员</b></h5>
                <table class="table table-bordered">
                    <tr>
                        <td>联系人员</td>
                        <td colspan="3">{{supplierData.contact}}</td>
                    </tr>
                </table>
            </div>
        </div>
        <br><br><br><br><br><br>
    </div>

</div>
</body>


<script type="text/javascript" src="../../../../js/jquery.min.js"></script>
<script type="text/javascript" src="../../../../js/myAjax.js"></script>
<script type="text/javascript" src="../../../../js/pub.js"></script>
<script type="text/javascript" src="../../../../lib/layui/layui2.5.7.js"></script>
<script type="text/javascript" src="../../../../js/vue.min.js"></script>
<!-- <script src="lib/layui/layui.js" charset="utf-8"></script> -->
<script src="../../../../js/x-layui.js" charset="utf-8"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script>
    layui.use(['laydate', 'element', 'laypage', 'layer', 'form'], function () {
        $ = layui.jquery;//jquery
        laydate = layui.laydate;//日期插件
        lement = layui.element;//面包导航
        laypage = layui.laypage;//分页
        layer = layui.layer;//弹出层
        var form = layui.form;
        okLoading.close($);
    });
</script>

<script>
    let recordId = getQueryVariable("recordId");

    var vm = new Vue({
        el: "#app",
        data: {
            recordId,
            supplierData: null
        },
        mounted() {
            let request = {
                url: 'kf/supplier/getSupplierMsgById',
                data: {
                    userId: $userId,
                    supplierId: recordId
                },
                method: "POST",
            };
            sendRequest(request, (res) => {
                this.supplierData = res.data.SupplierData[0]
                console.log(res);
            });
        },
        methods: {}

    });


</script>


</html>
